<template>
	<view class="root-view">
		<view class="device-layout-block">
			<view class="device-layout-mod">
				<view class="device-layout-mhead">
					<evan-steps :active="2" direction="horizontal" primaryColor="#428cff">
						<evan-step></evan-step>
						<evan-step></evan-step>
						<evan-step></evan-step>
					</evan-steps>
					 <!-- <u-steps :list="numList" :current="0" mode="number" active-color="#428cff"></u-steps> -->
				</view>
				<view class="device-layout-mbody">
					<view class="mediainfo-box">
						<u-image width="580" height="580" src="/static/images/device/step-3-pic.png">
							<u-loading slot="loading"></u-loading>
						</u-image>
						<view class="mediainfo-theme-text">
							扫描设备编码：NIKNUML64789653
						</view>
					</view>
				</view>
				<view class="device-layout-mfoot">
					<view class="device-layout-btns">
						<view class="btn-cell">
							<button class="coco-btn theme round lg shadow" @click="jump('add-device-result')">链接设备</button>
						</view>
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import evanStep from '@/components/evan-steps/evan-step.vue';
	export default {
		components:{
			evanStep
		},
		data() {
			return {
				numList: [{
					name: '滤芯'
				}, {
					name: 'WIFI'
				}, {
					name: '设备'
				} ],
			};
		},
		methods:{
			jump(path) {
				this.$tools.routerTo(path);
			},
		}
	}
</script>

<style lang="scss">
	@import "./css/device.scss";
</style>
